  <div class="hero-body ct-body">
    <div class="container">
      <h1 class="title-only">
        <span class="tran-archives">Archives</span>
      </h1>
    </div>
  </div>
</section>
<section class="ct-body">
  <div class="container">
      <div class="columns is-variable bd-klmn-columns is-4">
        <div class="column  is-two-thirds">
          <div class="post-body">
            {% for p in posts %}
              {% if p.year.length %} 
              <div class="card-title">
                <h2 class="year has-text-weight-bold is-family-monospace is-size-2">{{ p.year }}</h2>
              </div>
              {% /if %}
                  
              <div class="card archives">
                 <div class="card-content">
                   <div class="content">
                    <a href="{{ p.url }}">
                      <h2 class="title">{{ p.title }}</h2>
                    </a><br />
                    <p class="des">
                     <span class="date"><i class="fa fa-calendar-check-o" aria-hidden="true"></i>&nbsp;{{ p.date }}</span>
                      {% if p.cats.@count %}<span class="tran-posted-in">posted in</span>&nbsp; {% /if %}
                      {% for cat in p.cats %}
                          <span class="posted-in"><a href='{{ cat.url }}'><i class="fa fa-folder" aria-hidden="true"></i>&nbsp;{{ cat.name }}</a>&nbsp; &nbsp; </span>
                      {% /for %}       
                     
                      {% if p.tags.@count %}
                      <span style="display: block;margin-top: 10px;">
                        {% for tag in p.tags %}
                          <a class="tag is-link is-light" href='{{ tag.url }}'>#{{ tag.name }}</a>&nbsp; &nbsp; 
                        {% /for %}  
                      </span>
                      {% /if %}
                     </p>
                  </div>
                 </div>
              </div><!-- end card -->
            {% /for %} 
          </div><!-- end post body -->
        </div><!-- end column -->
        <div class="column">
          <!-- include(section-cats_tags.html) -->
        </div>
      </div><!-- end cols -->
  </div><!-- end container -->
</section>

